
<div class="item l-item" th:if="!${#lists.isEmpty(dataMap['list'])}">
    <div class="course-list__wrap i-live-course__wrap l-live-course__wrap openLive-player-box" style="min-height: inherit">
        <div class="row">
            <div class="col-md-4 col-lg-3 fl-play-menu-item c-999" th:data="${openSatr.last}?'data-last':''"  th:each="open,openSatr : ${dataMap['list']}" th:classappend="${open['playStatus']}==1? 'live-state-ing play-btn-box': ''" th:attrappend="data-open=${open['id']}" >
                <div class="thumbnail pr">
                    <section class="i-live-c-timer__wrap text-center l-live-c-timer__wrap" style="margin-bottom: 0;">
                        <h6><span class="fs16 c-ccc"><i class="fa fa-circle"></i></span></h6>
                        <a href="javascript:;" class="fl-play-menu-item-link" th:attrappend="data-open=${open['id']}">
                            <div class="hLh30 mt10"><span class="fs20 c-666" th:text="${#strings.substring(open['openTime'],5,16)}+'-'+${#strings.substring(open['endTime'],11,16)}"></span></div>
                            <div class="hLh30 txtOf" th:attrappend="title=${open['courseName']}">
                                <span class="c-999 fs16" th:text="${open['courseName']}"></span>
                            </div>
                        </a>
                        <aside th:if="${open['playStatus']}==2 and !${open['reservation']}" class="fl-play-menu-state live-state-ok l-play-menu-state">
                            <section class="mt5 bespeak-btn" th:attrappend="data-id=${open['id']}" style="cursor: pointer">
                                <i class="fa fa-circle mr5"></i>
                                <span class="vam">免费报名</span>
                            </section>
                        </aside>
                        <aside th:if="${open['playStatus']}==2 and ${open['reservation']}" class="fl-play-menu-state live-state-ok l-play-menu-state">
                            <section class="mt5" style="cursor: pointer">
                                <i class="fa fa-circle mr5"></i>
                                <span class="vam">已预约</span>
                            </section>
                        </aside>
                        <aside th:if="${open['playStatus']}==3 and ${open['replay']}==1" class="fl-play-menu-state l-play-menu-state">
                            <section class="mt5">已结束</section>
                        </aside>
                        <aside th:if="${open['playStatus']}==3 and ${open['replay']}==2" class="fl-play-menu-state l-play-menu-state">
                            <section class="mt5 c-info"><em class="fl-play-menu-icon"></em>可回放</section>
                        </aside>
                        <aside th:if="${open['playStatus']}==1" class="fl-play-menu-state l-play-menu-state">
                            <section class="mt5">
                                <em class="live-ico-gif mr5"></em>
                                <span class="vam">直播中</span>
                            </section>
                        </aside>
                    </section>
                </div>
            </div>
        </div>
    </div>
    <input hidden id="nextPage" th:value="${dataMap['nextPage']}">
</div>